<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/detail.css">
    <title>Cakeboss蛋糕老板</title>
</head>
<body>
    <header></header>
        <div class="detail_body">
            <div id="detailList"></div>
             <script type="text/html" id="detailTemplate">
               
                    <div class="detail_body_top">
                        <div class="top_detileImg swiper-container">
                           <div class="mediumImg_box">
                                <img src="{{photo[0].url}}" alt="" class = "mediumImg">
                           </div>
                            <ul class="top_samllImg swiper-wrapper" id='gal1'>
                                    {{ each  photo img}}
                                <li class="swiper-slide">
                                    <a href="javascript:;" data-image="{{img.url}}" data-zoom-image="{{img.url}}">
                                        <img src="{{img.url}}"  class="smallpic">
                                    </a>
                                    <!-- <img src="" alt="">  -->
                                </li>
                                
                                {{/each}}
                            </ul>
                            <div class="swiper-scrollbar"></div>
                        </div>
                        <!-- <div class="top_bigImg">
                            <img src="" alt="">
                        </div> -->
                        <div class="shopBtn">
                                <p><span class = "shop_name">{{title}}</span></p>
                                <span>￥ {{price}}</span>
                                <p><button class="addbtn" ><a href="javascript:;">加入购物车</a></button></p>
                                <p><button class="shop_btn"><a href="/html/shopcar.html">立即购买</a></button></p> 
        
                        </div>
                    </div>
                    <div class="detail_body_bottom">
                          {{each descContentList.slice(0,9) bigImg}}
                            <img src="{{bigImg.image.url}}" alt="" class="bottom_bigimg">
                          {{/each}}
                            <!-- <img src="" alt=""> -->
                    </div>
                
            </script>
            
            <img src="" alt="">


        </div>
    <footer></footer>
</body>
<script src="/libs/require/require.min.js" data-main="/js/detail"></script>
</html>